/*css reset*/
body,ul,p,h1,h2,h3,h4,dl,dd,form,input,textarea,select {
    padding:0;
    margin:0;
}
body { font:12px/20px "Microsoft YaHei",Lyh-Regular,helvetica,arial,sans-serif; }
li { list-style:none; }
img { border:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

/*end css reset*/

/*public*/
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }

/*end public*/
/*layout*/
#header { background:#fff; }
#nav { height:52px; border-top:1px solid #e3e7e8; border-bottom:1px solid #e3e7e8; }
.content { background:#f1f2f3; padding-top:20px; padding-bottom:200px; }
#footer { background:#f1f2f3; border-top:1px solid #e3e7e8; position:relative; }
.section { width:1320px; padding:20px 0 0 20px; margin:0 auto 20px; background:#fff; }
.section hr { background-color:#eee; border:none; height:1px;}
.last_section { margin-bottom:0; }

/*end layout*/


.main_title { height:26px; line-height:26px; padding-left:40px; background:url("../img/section_head_pic.gif") no-repeat;}
.main_title h2 { float:left; font-size:20px; font-weight:normal;  }
.main_title h2 a { color:#555;}
.main_title h2 a:hover { text-decoration:none; color:#ff3c00; }
.main_title .tab { float:left; }
.main_title li { float:left; }
.main_title li a { display:block; font-size:14px; margin:0 10px; font-size:14px; color:#555; }
.main_title li a:hover { text-decoration:none; }
.main_title .active a { color:#8ad4ff; }
.main_title .ranking { float:right; font-size:13px; color:#909090; margin-right:20px;}

.section .cus_name { width:200px; height:20px; position:relative; z-index:2; }
.section .cus_name dl {}
.section .cus_name dt { position:absolute; top:0; left:0; padding:3px; background:#fff; width:30px; height:30px; border-radius:50%;}
.section .cus_name dt a { display:block; width:30px; height:30px; border-radius:50%; overflow:hidden;  }
.section .cus_name dt img { display:block; width:30px; height:30px; }
.section .cus_name dd{ float:left; padding-left:40px; }
.section .cus_name dd a { color:#555; font-size:13px; }
.section .cus_name dd a:hover { color:#ff6638; text-decoration:none; }

.september_hit .main_title { background-position:0 0; }
.youku_know .main_title { background-position:0 -26px; }
.tv_play .main_title { background-position:0 -52px; }
.fang_theatre .main_title { background-position:0 -78px; }
.variety .main_title { background-position:0 -104px; }
.film .main_title { background-position:0 -130px; }
.comic .main_title { background-position:0 -156px; }
.juvenile .main_title { background-position:0 -182px; }
.selected_topics .main_title { background-position:0 -208px; }
.choice_topics .main_title { background-position:0 -234px; }
.entertainment .main_title { background-position:0 -260px; }
.laifeng .main_title { background-position:0 -286px; }
.information .main_title { background-position:0 -312px; }
.funny .main_title { background-position:0 -338px; }
.music .main_title { background-position:0 -364px; }
.education_umanities .main_title { background-position:0 -390px; }
.life_style .main_title { background-position:0 -416px; }
.tourism_child .main_title { background-position:0 -442px; }
.car_tec .main_title { background-position:0 -468px; }
.brand_web .main_title { background-position:0 -494px; }
.game .main_title { background-position:0 -520px; }
.sports .main_title { background-position:0 -546px; }
.invitation_notice .main_title { background-position:0 -572px; }

/*header*/
#header .wrap { width:1185px; height:40px; margin:21px auto 20px; padding-left:255px;
background:url("../img/header/logo_bg.gif")no-repeat; }
#header .navigation { float:left; }
#header .navigation li { float:left; }
#header .navigation a { color:#2fb3ff; font-size:12px; display:block; border:1px solid #2fb3ff;
height:38px; line-height:40px; padding:0 18px; text-decoration:none; }
#header .navigation a:hover { color:#ff3c00; }
#header .navigation .active a, #header .navigation .active a:hover { background:#2fb3ff; color:#fff; }
#header .icon { float:left; margin:10px 0 0 39px; height:17px; }
#header .icon li {height:17px; float:left; padding-left:24px; margin-right:19px; background:url("../img/header/ico_bg.gif") no-repeat; }
#header .icon .icon1 { background-position:0 0; margin-right:27px; }
#header .icon .icon2 { background-position:0 -17px; }
#header .icon .icon3 { background-position:0 -34px; }
#header .icon .icon4 { background-position:0 -51px; }
#header .icon a { font-size:13px; text-decoration:none; color:#3f3f40; }
#header .icon img {}
#header .search { float:right; }
#header .search .text { width:293px; height:38px; border:1px solid #2fb3ff; padding:0 38px; color:#555; font-size:14px; 
background:url("../img/header/logo_bg.gif") no-repeat 0 -40px,url("../img/header/logo_bg.gif") no-repeat 330px -80px; }
#header .search .btn { width:80px; height:40px; background-color:#2fb3ff; border:none; font-size:13px; }
/*end header*/


/*nav*/
#nav .wrap { width:1294px; margin:0 auto; height:52px; padding:0 26px 0 20px; position:relative; }
#nav .cons {float:left; }
#nav .cons li { height:52px; float:left; margin-right:6px; }
#nav .cons li a { padding:0 5px; font-size:14px; display:block; line-height:50px; color:#555; }
#nav .cons li a:hover { color:#ff3c00; text-decoration:none; }
#nav .cons .active a,#nav .active a:hover { color:#68c8ff; }
#nav .more { padding-right:9px; background:url("../img/nav/bg.gif") no-repeat right 0; }
#nav .cons li.more a:hover { color:#555; }
#nav .more:hover { background:url("../img/nav/bg.gif") no-repeat right -54px; }
#nav .download { float:right; font-size:14px; line-height:50px; color:#555; }
#nav .download:hover { text-decoration:none; color:#ff7045; }

#nav .more_detail { display:none; border:1px solid #ebebeb; padding:10px 52px 10px 20px; position:absolute; top:50px; right:46px;
background:#fff; }
#nav .more_detail li a { display:block; padding-left:20px; text-align:left; font-size:14px; color:#555;
text-decoration:none; line-height:30px;}
#nav .more_detail li a:hover { color:#ff7e57; }
#nav .more_detail span { width:11px; height:7px; overflow:hidden; position:absolute;
background:url("../img/nav/more_bg.gif") no-repeat; left:60px; top:-6px; }

#nav .download_detail { display:none; width:345px; border:1px solid #ebebeb;z-index:4; position:absolute; top:48px; right:0; background:#fff; padding-top:22px; padding-bottom:17px;  }
#nav .download_detail .app { width:172px; height:168px; float:left; text-align:center; }
#nav .download_detail img { width:72px; height:70px; overflow:hidden;}
#nav .download_detail a { display:block; font-size:13px; color:#555; line-height:20px; }
#nav .download_detail a:hover { color:#ff7045; }
#nav .download_detail p { font-size:12px; line-height:20px; color:#909090; text-align:center; }
#nav .download_detail .details { margin:13px auto 0; width:83px; height:26px;}
#nav .download_detail .details a:hover { text-decoration:none;  }
#nav .download_detail .details a { background:#2fb3ff; display:block; font-size:12px; line-height:26px; color:#fff; border-radius:2px;
width:83px; height:26px; text-align:center; }
#nav .download_detail .line { width:1px; border:none; background:#ededed; height:168px; position:absolute; top:20px; left:172px; }
#nav .download_detail .client { width:172px; height:168px; float:right; text-align:center; }
#nav .download_detail span { width:11px; height:7px; overflow:hidden; position:absolute;
    background:url("../img/nav/more_bg.gif") no-repeat; right:34px; top:-6px; }
/*end nav*/

/*content*/
.index_pic .se1 { width:440px; float: left; }
.index_pic .se1 li { float:left; margin-right:20px; margin-bottom:20px; position:relative; }
.index_pic a ,.index_pic img { display:block; }

.index_pic .se2,.index_pic .se3 { width:220px; float: left; }
.index_pic .se2 li,.index_pic .se3 li  {float:left; margin-bottom:20px; margin-right:20px; position:relative; }

.index_pic .se4 { width:440px; float: left; }
.index_pic .col1 { width:420px; height:110px; float: left; margin-bottom:20px; margin-right:20px;}
.index_pic .col2 { width:220px; float: left; }
.index_pic .col2 li { float: left; margin-bottom:20px; margin-right:20px; position:relative; }
.index_pic .col3 { width:220px; float: left; }
.index_pic .col3 .ad2 { float: left; margin-right:20px; position:relative; }
.index_pic .col3 .ad_tex { width:200px; height:20px; float:left;  background:#888; line-height:20px; }
.index_pic .col3 .ad_tex .abtitle { float:left; margin-left:3px; }
.index_pic .col3 .ad_tex .abmore { float:right;  margin-right:3px; }
.index_pic .col3 .ad_tex a { color:#fff; font-size:12px; }
.index_pic .col3 .ad_tex a:hover { text-decoration:none; color:#ff7045; }
.index_pic .se4 .col3 .ad2 p { background:url("../img/log_bg.gif") no-repeat center center,rgba(0,0,0,0.3); position:absolute; top:-4px; left:0;  }


.index_pic .cover { font-size:12px; color:#fff;  position:absolute; bottom:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.7); }
.index_pic .cover .tex { color:#DEDEDE; line-height:18px; margin:10px 0 0 10px;}
.index_pic .cover span { color:#fff; font-size:14px; display:block; font-weight:bold; }
.index_pic .cover .btn {margin:10px 0 0 10px; background:#59c2ff; display:inline-block; height:28px;
line-height:28px; padding:0 13px; border-radius:2px; }

.list_wrap { border-top:1px solid #f7f7f7; margin-top:10px; margin-right:20px;}
.list_wrap .pic_list { padding-top:20px;}
.list_wrap li { float:left; margin-right:20px; margin-bottom:20px; }
.list_wrap li.no_mar_right { margin-right:0px; }
.list_wrap li .li_pic { margin-bottom:7px; display:block; position:relative; }
.list_wrap li img { width:200px; height:110px; overflow:hidden; display:block; }
.list_wrap li .li_text { font-size:13px; color:#555; height:18px; line-height:18px; }
.list_wrap li .li_text:hover { text-decoration:none; color:#ff3c00; }
.list_wrap li p { font-size:12px; color:#999; line-height:14px; margin-top:4px; }
.list_wrap li .times { line-height:14px; color:#999; margin-top:20px; }
.list_wrap li .times span { margin-right:5px; line-height:14px; font-size:12px; font-weight:normal; }
.list_wrap li .li_pic p { background:url("../img/log_bg.gif") no-repeat center center,rgba(0,0,0,0.3); position:absolute; top:-4px; left:0; }
/*end content*/

/*youku_know*/
.youku_know .main { float:left; width:1100px; }
.youku_know .list_wrap li { width:200px; }
.youku_know .list_wrap li .li_text { line-height:18px; height:36px; display:block; }
.youku_know .list_wrap li .times { margin-top:0; }
.youku_know .side { float:right; width:220px; }
.youku_know .side .main_title { padding-left:0; background:none; }
.youku_know .main_title span { display:inline-block; line-height:25px; margin-left:10px;
color:#909090; font-size:13px; font-weight:400; }
.youku_know .main_title span a:hover { text-decoration:none; color:#ff3c00; }
.youku_know .side .menu_list { border-top:1px solid #f7f7f7; margin-top:10px; margin-right:20px; padding-top:11px; }
.youku_know .side .menu_list ul {}
.youku_know .side .menu_list li { line-height:15px;}
.youku_know .side .menu_list li img { width:20px; height:20px; float:left; padding-top:10px; display:block; overflow:hidden; }
.youku_know .side .menu_list a { color:#555; }
.youku_know .side .menu_list a:hover { color:#ff3c00; text-decoration:none; }
.youku_know .side .menu_list dl  { margin-left:30px; border-bottom:1px solid #f6f6f6; padding:12px 0; height:15px; }
.youku_know .side .menu_list dt { float:left; padding-right:10px; color:#555; font-size:14px; border-right:1px solid #e3e7e8;
line-height:15px; margin-right:7px;}
.youku_know .side .menu_list dd { float:left; height:15px; color:#555; font-size:12px; line-height:15px; }
.youku_know .ad { margin-bottom:20px; width:1300px; height:100px; float:left; }
.youku_know .ad img { width:1300px; height:100px; display:block; overflow:hidden; }
/*end youku_know*/

/*tv_play*/
.bigpic .li_pic { position:relative; display:block;}
.bigpic .li_pic p { background:url("../img/log_bg.gif") no-repeat center center,rgba(0,0,0,0.3); position:absolute; top:0; left:0; }
.tv_play .bigpic { float:left; padding-top:20px; }
.tv_play .bigpic .li_pic { width:420px; height:280px;}
.tv_play .bigpic img { display:block; width:420px; height:280px; overflow:hidden; margin-bottom:7px; }
.tv_play .bigpic .li_text { font-size:13px; color:#555; height:18px; line-height:18px; }
.tv_play .bigpic .li_text:hover { text-decoration:none; color:#ff3c00; }
.tv_play .bigpic p {}
.tv_play .pic_list { float:right; width:860px; }

.tv_play .scroll_wrap { margin-bottom:20px; position:relative; }
.tv_play .scroll_wrap .prev,.tv_play .scroll_wrap .next { width:31px; height:62px; display:block; position:absolute; background:url("../img/small_icon_bg.png") no-repeat; }
.tv_play .scroll_wrap .prev { background-position:-34px -390px; top:25px; left:0; }
.tv_play .scroll_wrap .next { background-position:0 -390px; top:25px; right:20px; }
.tv_play .scroll_wrap .prev:hover { background-position:-34px -322px; }
.tv_play .scroll_wrap .next:hover { background-position:0 -322px; }
.tv_play .scroll_wrap .scroll_imgs { width:1320px; overflow:hidden; }
.tv_play .scroll_wrap ul { width:7200px; }
.tv_play .scroll_wrap li { float:left; margin:0 20px 20px 0; }
.tv_play .scroll_wrap li a {}
.tv_play .scroll_wrap li p { text-align:center; }
/*end tv_play*/

/*variety*/
.variety .bigpic { float:left; padding-top:20px; }
.variety .bigpic .li_pic { width:420px; height:280px; }
.variety .bigpic img { display:block; width:420px; height:280px; overflow:hidden; margin-bottom:7px; }
.variety .bigpic .li_text { font-size:13px; color:#555; height:18px; line-height:18px; }
.variety .bigpic .li_text:hover { text-decoration:none; color:#ff3c00; }
.variety .bigpic p {}
.variety .pic_list { float:right; width:860px; }
/*end variety*/

/*entertainment*/
.entertainment .bigpic { float:left; padding-top:20px; }
.entertainment .bigpic .li_pic { width:420px; height:280px; }
.entertainment .bigpic img { display:block; width:420px; height:280px; overflow:hidden; margin-bottom:7px; }
.entertainment .bigpic .li_text { font-size:13px; color:#555; height:18px; line-height:18px; }
.entertainment .bigpic .li_text:hover { text-decoration:none; color:#ff3c00; }
.entertainment .bigpic p {}
.entertainment .pic_list { float:right; width:860px;}
/*end entertainment*/

/*laifeng*/
.laifeng .bigpic { float:left; padding-top:20px; }
.laifeng .bigpic .li_pic { width:420px; height:280px; }
.laifeng .bigpic img { display:block; width:420px; height:280px; overflow:hidden; margin-bottom:7px; }
.laifeng .bigpic .li_text { font-size:13px; color:#555; height:18px; line-height:18px; }
.laifeng .bigpic .li_text:hover { text-decoration:none; color:#ff3c00; }
.laifeng .bigpic p {}
.laifeng .pic_list { float:right; width:860px; }
/*end laifeng*/

/*fang_theatre*/
.fang_theatre .ad { width:1300px; height:100px; overflow:hidden; padding-bottom:20px; }
.fang_theatre .ad img { width:1300px; height:100px; display:block;  }
/*end fang_theatre*/


/*game*/
.game .ad { width:1300px; height:100px; overflow:hidden; padding-bottom:20px; }
.game .ad img { width:1300px; height:100px; display:block;  }
/*end game*/

/*film*/
.film_scroll_wrap { border-top:1px solid #f7f7f7; margin-top:10px; margin-right:20px; width:1300px; }
.scroll_film { position:relative; }
.scroll_film .prev,.scroll_film .next { z-index:3; width:31px; height:62px; display:block; position:absolute; background:url("../img/small_icon_bg.png") no-repeat; }
.scroll_film .prev { background-position:-34px -390px; top:107px; left:0; }
.scroll_film .next { background-position:0 -390px; top:107px; right:0; }
.scroll_film .prev:hover { background-position:-34px -322px; }
.scroll_film .next:hover { background-position:0 -322px; }
.scroll_film .file_wrap { padding-bottom:20px; width:1300px; overflow:hidden; }
.scroll_film .file_wrap ul { padding-top:20px; width:2393px; }
.scroll_film .file_wrap li { float:left; margin-right:1px; }
.scroll_film .file_wrap li.no_m_right { margin-right:0; }
.scroll_film .file_wrap li .li_pic { position:relative; width:170px; height:255px; overflow:hidden; margin-bottom:7px; display:block; }
.scroll_film .file_wrap li .li_text { font-size:13px; color:#555; height:18px; line-height:18px; }
.scroll_film .file_wrap li .li_text:hover { text-decoration:none; color:#ff3c00; }
.scroll_film .file_wrap li img { width:170px; height:255px; display:block; }
.scroll_film .file_wrap li p { font-size:12px; color:#999; line-height:14px; margin-top:4px; }
.scroll_film .file_wrap li .li_pic p { background:url("../img/log_bg.gif") no-repeat center center,rgba(0,0,0,0.3); position:absolute; top:-4px; left:0; }
/*end film*/

/*footer*/
.footer_pic { width:627px; height:100px; background:url("../img/footer/footer_pic.gif") no-repeat; position:absolute; left:50%;
margin-left:-313px; top:-100px; }
.footer_pic p { font-size:12px; color:#6ec8fb; line-height:24px; position:absolute; top:30px; left:405px; font-weight:bold; }
.footer_pic a { background-color:#30b2ff; color:#fff; line-height:24px; display:inline-block;
padding:0 10px; border-radius:2px; font-weight:normal; }
.footer_pic a:hover { text-decoration:none; background:#69c4f9; }

#footer .groups { max-width:1300px; padding-top:30px; margin:0 auto; text-align:left; color:#555; overflow:hidden; }

#footer .groups dl { float:left; }
#footer .groups dt a { color:#909090; }
#footer .groups a { color:#555; }
#footer .groups dt a:hover { color:#555; text-decoration:none;  }
#footer .groups dd a:hover { color:#ff4171; text-decoration:none; }

#footer .groups .f_s1 { width:440px; height:72px; }
#footer .groups .f_s2 { width:440px; height:96px; }
#footer .groups .f_s3 { width:220px; height:96px; }
#footer .groups .f_s4 { width:200px; height:96px; }
#footer .groups .g_hr { border-bottom:1px solid #e3e7e8; height:0; padding-top:20px; margin-bottom:20px; clear:left;
}
#footer .groups .f_s5 { width:440px; height:96px; }
#footer .groups .f_s6 { width:440px; height:96px; }
#footer .groups .f_s7 { width:220px; height:96px; }
#footer .groups .f_s7 { width:200px; height:98px; margin-right:20px; }
#footer .groups .f_s8 { }
#footer .groups .f_s8 a { width:186px; height:93px; display:inline-block; background:url("../img/footer/f_s8_bg.gif") no-repeat;}

#footer .groups .authentication { padding-top:20px; margin-bottom:10px; text-align:center; clear:left; }
#footer .groups .authentication a { padding-left:36px; line-height:15px; color:#191d24; margin-right:45px; text-decoration:none;
display:inline-block; background:url("../img/footer/a_bg.gif") no-repeat; }
#footer .groups .authentication .aut-1 { background-position:0 0;}
#footer .groups .authentication .aut-2 { background-position:0 -30px;}
#footer .groups .authentication .aut-3 { background-position:0 -60px;}
#footer .groups .authentication .aut-4 { background-position:0 -90px;}
#footer .groups .authentication .aut-5 { background-position:0 -120px;}
#footer .groups .authentication .aut-6 { background-position:0 -150px;}
#footer .groups .authentication .aut-7 { background-position:0 -180px;}
/*end footer*/


















